// index.ts
/**
 * 1. 设计数据结构(data属性)
 * 2. 将数据绑定到指定的元素
 * 3. 登录按钮的点击事件( 具体的登录逻辑 )
 */
// version 1
/* Page({
  data: {
    username: 'admin',
    password: '123'
  },
  // 用于处理登录按钮点击的事件
  loginHandle: function(){
    // 1. 先需要知道用户输入了什么
    console.log(this.data);
    // 2. 根据用户输入的值判断
    // 3. 根据判断的结果做出响应
  },
  usernameChangeHandle: function(e){
    // 不要用这种方式, 因为界面层无法得知
    // this.data.username = e.detail.value 
    this.setData({
      username: e.detail.value
    })
  },
  passwordChangeHandle: function(e){
    this.setData({
      password: e.detail.value
    })
  }
}) */

// version 2 
/* Page({
  data: {
    username: 'admin',
    password: '123'
  },
  loginHandle: function(){
    console.log(this.data);
  },
  inputChangeHandle: function(e){
    // var prop = 'username' // ?? 可变的
    console.log(e.target.dataset['prop']);
    var prop = e.target.dataset['prop']
    var changed = {}
    changed[prop] = e.detail.value
    this.setData(changed)
  },
}) */

// version 3 form提交
Page({
  data: {
    username: 'admin',
    password: '123'
  },
  // 用于处理表单提交事件
  loginHandle: function(e){
    console.log(e);
  },
})